<style>
    .panel-heading a{
        margin-left: 10px;
        cursor: default;
    }
    .panel-heading a span{
        display: inline-block;
        width: 50px;
        height: 30px;
        border: 1px solid black;
    }
    .panel-heading a span.gray,#formorder table tbody tr td.gray{
        background-color: gray;
        border: 1px solid gray;
        color: #FFF0F0;
    }
    .panel-heading a span.blue,#formorder table tbody tr td.blue{
        background-color: #5bc0de;
        border: 1px solid #5bc0de;
        color: #FFF0F0;
    }
    .panel-heading a span.red,#formorder table tbody tr td.red{
        background-color: #FF4444;
        border: 1px solid #FF4444;
        color: #FFF0F0;
    }
    .panel-heading a span.zi,#formorder table tbody tr td.zi{
        background-color: #A244FF;
        border: 1px solid #A244FF;
    }.panel-heading a span.fff,#formorder table tbody tr td.fff{
        background-color: #fff;
    }
    #formorder table tbody tr td.fff:hover,#formorder table tbody tr td.gray:hover,#formorder table tbody tr td.blue:hover{background: #FFF0F0;color: #666666;}
    
    #formdiv{padding: 10px 10px;border-bottom: 1px solid #e8e8e8;}
    #formdiv input{width: 100px;}
    
    #formorder{overflow: auto;}
    #formorder table{width: 100%;}
    #formorder table thead tr th,#formorder table tbody tr td{border: 1px solid #d3d2d2;text-align: center;width: 250px;}
    #formorder table thead tr th{padding: 5px;color: #666666;font-weight: 500;background: #f0f0f0;cursor: default;}
    #formorder table tbody tr td{cursor: pointer;padding: 5px;min-width: 100px;height: 40px;overflow: hidden;}
    
    #pop-up-boxes{
        position: fixed;width: 100%;height: 100%;z-index: 20;top: 0;left: 0;display: none;
    }
    #pop-up-boxes-content{
        width: 500px;margin: 0 auto;font-size: 14px;
        border: 1px solid black;color: black;
        margin-top: 10%;background-color: #fff;border-radius: 10px;
    }
    #pop-up-boxes-title img{
		cursor: pointer;float: right;left: 0;top: 17px;width: 16px;height: 16px;margin: 3px;border: none;border-radius: 10px;
    }
    #pop-up-boxes-text{
        padding: 20px;text-align: center;color: #555555;max-height: 500px;overflow:auto;
    }
    #pop-up-boxes-text input,#pop-up-boxes-text select{padding: 3px;}
    #pop-up-boxes-text a{
        display: inline-block;
        text-align: center;
        padding: 5px 10px;
        background-color: #5bc0de;
        color: #fff;
        border-radius: 5px;
    }
    #pop-up-boxess{
        position: fixed;width: 100%;z-index: 20;top: 0;left: 0;display: none;
    }
    #pop-up-boxess-content{
        width: 500px;margin: 0 auto;font-size: 14px;
        border: 1px solid black;color: black;
        margin-top: 10%;background-color: #fff;border-radius: 10px;
    }
    #pop-up-boxess-title img{
        cursor: pointer;float: right;left: 0;top: 17px;width: 16px;height: 16px;margin: 3px;border: none;border-radius: 10px;
    }
    #pop-up-boxess-text{
        padding: 20px;text-align: center;color: #555555;max-height: 500px;overflow:auto;
    }
    #pop-up-boxess-text input,#pop-up-boxes-text select{padding: 3px;}
    #pop-up-boxess-text a{
        display: inline-block;
        text-align: center;
        padding: 5px 10px;
        background-color: #5bc0de;
        color: #fff;
        border-radius: 5px;
    }
    #edit input{border: 1px solid #d3d2d2;}
    #formorder .tables_thall tr{display: none;}
    #formorder .tables_thall tr.types_top{display: table-row;background-color: #DDDDDD;}
    #formorder .tables_thall tr.types_top td{cursor: pointer;}
    #formorder .tables_thall tr.types_top{display: table-row;background-color: #DDDDDD;}
    #formorder .tables_thall tr.types_top td{cursor: pointer;}
    #formorder table.active tr{display: table-row;}
    .ui-datepicker-trigger{display: none;}
</style>
<link rel="stylesheet" href="/public/assets/sysadmin/mylzp/css/jquery-ui.css">
<script type="text/javascript" src="/public/assets/sysadmin/mylzp/js/jquery-ui.js"></script>
<section class="vbox">
    <section class="scrollable padder">
        <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
            <li><a href="#"><i class="fa fa-home"></i>酒店管理中心</a></li>
            <li><a href="#">酒店管理</a></li>
            <li><a href="#">房态管理</a></li>
        </ul>
        <div class="m-b-md">
            <h3 class="m-b-none"><span style="float:right;"></span>房态管理</h3>
        </div>
        <section class="panel panel-default">
            <header class="panel-heading">
                <i data-title="ajax to load the data." data-placement="bottom" data-toggle="tooltip" class="fa fa-info-sign text-muted" data-original-title="" title=""></i> 
                <b style="float:left;display:block;">房态管理</b>
                <a href="javascript:void(0);"><span class="gray"> </span> 已关闭</a>
                <a href="javascript:void(0);"><span class="blue"> </span> 可用</a>
                <a href="javascript:void(0);"><span class="red"> </span> 满房</a>
            </header>
            
        </section>
    </section>
</section>
<a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
<script type="text/javascript">

</script>